@import  'lib.less';
.font-blue{
	font-weight: 900;
	color: @color-blue;
}
.m-bd{
	width: 1100px;
	margin: 0 auto;
}
/*header*/
.m-header{
	height: 36px;
	line-height: 36px;
	background: url(../img/header.jpg);
	.f-fr{
		a{
			padding: 0 5px;
		}
	}
	&,& a{
		color: lighten(@color-gray, 80%);
	}
}
/*menu*/
.m-menu{
	height: 52px;
	line-height: 52px;
	background: url(../img/m-menu.jpg) 0 0 repeat-x;
	ul.m-bd{
		li{
			float: left;
			a{
				display: block;
				padding: 0 15px;
				color: lighten(@color-gray, 80%);
				&:hover{
					background: @color-red;
				}
			}
		}
	}
}
/*banner*/
.m-banner{
	.nivoSlider{
		img{
			min-height: 400px;
		}
	}
}
/*hot*/
.m-hot{
	padding: 15px 0 25px;
	border-bottom: 1px solid lighten(@color-gray, 50%);
}
/*main*/
.m-sub1{
	background: lighten(@color-gray, 70%) url(../img/map.jpg) center no-repeat;
	padding: 32px 0;
	.sub1-cat{
		border: 1px solid darken(@color-blue, 10%);
		h4{
			height: 60px;
			line-height: 60px;
			font-weight: 900;
			text-align: center;
			font-size: 24px;
			color: #fff;
			background: url(../img/title-blue.jpg) center;
		}
		dl{
			dt{
				height: 32px;
				line-height: 32px;
				font-size: 18px;
				font-weight: 900;
				color: #fff;
				background: @color-red;
				text-align: center;
				margin: 10px 0;
			}
			dd{
				padding: 5px 15px;
				text-align: center;
				a{
					display: block;
					background: lighten(@color-gray, 60%);
					border: 1px solid lighten(@color-gray, 40%);
					border-radius: 5px;
					&:hover{
						background: @color-red;
						color:#fff;
					}
				}
			}
		}
	}
	.sub1-lst{
		h4{
			img{
				width: 100%;
			}
		}
		ul.lst-p{
			li{
				width: 195px;
				float: left;
				padding-left: 5px;
				padding-top: 5px;
				text-align: center;
				a{
					img{
						width: 183px;
						height: 144px;
						padding: 5px;
						border: 1px solid lighten(@color-gray, 70%);
						&:hover{
							border-color: @color-red;
						}
					}
					span{
						display: block;
						background:lighten(@color-gray, 5%);
						color: #fff;
					}
				}
			}
		}
	}
}
.m-mn{
	background: url(../img/main2.jpg);

	.mn-sub3{
		padding-bottom: 32px;
		.m-box{
			background: #fff;
			border: 1px solid lighten(@color-gray, 50%);
			border-radius: 4px 4px 0 0;
			height: 390px;
			h4{
				img{
					width: 100%;
				}
			}
			.box-content{
				padding: 10px;
				.theme-default{
					position: relative;
					.nivo-controlNav{
						padding: 0;
						position: absolute;
						bottom: 0;
						z-index: 999;
					}
				}
				.cel12{
					border-bottom: 1px dotted lighten(@color-gray, 50%);
					padding-bottom: 15px;
					margin-bottom: 15px;
					.col4{
						img.thumb{
							width: 99px;
							padding: 2px;
							border: 1px solid lighten(@color-gray, 60%);
							cursor: pointer;
							&:hover{
								border-color: @color-red;
							}
						}
					}
					.col8{
						strong{
							color: darken(@color-blue, 10%);
						}
					}
				}
			}
		}
	}
	.mn-sub4{
		padding-bottom: 30px;
		background:#fff url(../img/sub4-shadow.jpg) bottom center no-repeat;
		.sub4-c{
			ul{
				padding-top: 10px;
				overflow: hidden;
				padding-bottom: 10px;
				li{
					float: left;
					width: 208px;
					padding-left: 10px;
					text-align: center;
					padding-bottom: 10px;
					a{
						img{
							width: 208px;
							height: 156px;
						}
					}
				}
			}
		}
	}
}
/*footer-lst*/
.m-footer-lst{
	background: lighten(@color-gray, 60%);
	border-top: 3px solid lighten(@color-gray, 20%);
	padding:15px 0 25px 0;
	h4{
		font-size: 18px;
		span.icon{
			color: @color-red;
			font-size: 24px;
		}
	}
	.m-footer-tel{
		font-weight: 900;
		font-size: 18px;
		color: @color-red;
	}
}
/*footer*/
.m-footer{
	padding: 20px 0;
	background: @color-blue1;
	&,& a{
		color:lighten(@color-gray, 80%);
	}
}